<template>
	<view >
		<u-navbar
		:autoBack="true" bgColor="#fff"
		leftIconColor='#000'
		:titleStyle="{ color: '#000'}"
		 title="提现详情" rightText='' :border="false" :placeholder="true">
			 
		</u-navbar>
		
		<view class="m20 p20 b-rd b-s">
			<!-- <view class="fb b-b pb20">订单信息</view> -->
			
			<view class="f-s-b pt20 pb20 b-b">
				<span class="c9 f28">提现金额</span>
				<span class="fb f28">￥{{info.amount}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="c9 f28">账户类型</span>
				<span class="fb f28">{{info.accountType | DrawpayType}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="c9 f28">账户</span>
				<span class="fb f28">{{info.account}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="c9 f28">姓名</span>
				<span class="fb f28">{{info.realName}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b" v-if="info.accountType == 3">
				<span class="c9 f28">银行</span>
				<span class="fb f28">{{info.bankName}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b" v-if="info.accountType == 3">
				<span class="c9 f28">开户行</span>
				<span class="fb f28">{{info.bankSubName}}</span>
			</view>
			
			<view class="f-s-b pt20 pb20 b-b">
				<span class="c9 f28" >状态</span>
				<span class="fb f28" >{{info.status | drawType}}</span>
			</view>
			<view class="f-s-b pt20 pb20 b-b">
				<span class="c9 f28">备注</span>
				<span class="fb f28">{{info.remark}}</span>
			</view>
			<view class="f-f-c pt20 pb20" v-if="info.accountType != 3 ">
				<span class="c9 f28">收款码图片</span>
				<view class="f-f-c-c mt20" >
					<u-album singleSize='300' :urls="[info.imgUrl]" ></u-album>
					
				</view>
			</view>
			
			
			
		</view>
	
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:"",
			}
		},
	 
		onLoad(option) {
			if(option.id){
				this.getDetail(option.id)
 			}
		},
		methods: {
			 
			getDetail(id){
				let that = this
				this.$api.request('get', `app/withdrawRecord/${id}`).then(res => {
 				 that.info = res.data
				 }).catch(err => {
				  that.$api.msg('请求失败，请稍后再试')
				})
			},
			getDetailB(id){
				let that = this
				this.$api.request('get', `settlementOrder/app/${id}`).then(res => {
				 }).catch(err => {
				  that.$api.msg('请求失败，请稍后再试')
				})
			}
			
		}
	}
</script>

<style lang="scss">
	page {
		background: $page-color-base;
		// padding-top: 16upx;
		display: flex;
		flex-direction: column;
		::v-deep  .uni-page-head-btn  {
			background-color: #000 !important;
		}
	}
    .headBg{
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/homebg.png');
		background-size: 100% 100%;
		// width: 750rpx;
		height: 378rpx;
		// background: #1AC388;
		border-radius: 0rpx 0rpx 40rpx 40rpx;
		opacity: 1;
	}
	.outBtn{
		position: fixed;
		bottom: 200rpx;
		left: 50%;
		transform: translate(-50%,0);
		width: 700rpx;
		height: 88rpx;
		background: #F14647;
		box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		opacity: 1;
		text-align: center;
		line-height: 88rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #FFFFFF;
	}
	.mainBox{
		margin-top: -200rpx;
		// width: 750rpx;
		height: 792rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 8rpx 2rpx rgba(0,0,0,0.1);
		border-radius: 40rpx 40rpx 8rpx 8rpx;
		opacity: 1;
		padding: 10rpx 32rpx 0;
	}
	.fixsure{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 156rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.1);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
	}
	.btnsure{
		width: 318rpx;
		height: 90rpx;
		background: var(--theme);
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		text-align: center;
		line-height: 90rpx;
		color: #FFFFFF;
	}
	.type1{
		width: 106rpx;
		height: 40rpx;
		background: rgba(26, 195, 136, 0.13);
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		text-align: center;
		font-size: 28rpx;
		font-weight: 400;
		color: #1AC388;
	}
	.type2{
		width: 106rpx;
		height: 40rpx;
		background: rgba(7, 117, 255, 0.13);
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		text-align: center;
		font-size: 28rpx;
		font-weight: 400;
		color: #0775FF;
	}
	.type3{
		width: 106rpx;
		height: 40rpx;
		background: rgba(255, 7, 7, 0.13);
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		text-align: center;
		font-size: 28rpx;
		font-weight: 400;
		color: #FF0707;
	}
	
</style>
